<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>品类概览</title>
    <style>

        .minW55 {
            min-width: 55px;
        }
        .minW65 {
            min-width: 65px;
        }
        .W30{
            width: 30px;
        }
        .H380{
            height: 380px;
        }

    </style>
</head>

<body>
<!-- page content -->
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类订单数量、金额</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content h380">
                <table id="categoryOrderTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th class="W30">序号</th>
                        <th>品类</th>
                        <th class="minW55">订单数量</th>
                        <th class="minW65">总金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类询价数量</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content h380">
                <table id="enquiryTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th class="W30">序号</th>
                        <th>品类</th>
                        <th class="minW55">询价数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类供应商数量</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content h380">
                <table id="categoryPurTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th class="W30">序号</th>
                        <th>品类</th>
                        <th class="minW65">供应商数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类商城商品数量</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content h380">
                <table id="productTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th class="W30">序号</th>
                        <th>品类</th>
                        <th class="minW55">商品数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- /page content -->
<script src="/res/build/js/common/common.js"></script>
<script src="/res/build/js/category/overview.js"></script>
</body>
</html>
